{% extends 'base/index.html' %}
{% block top_nav_home %} disabled border border-success {% endblock %}
{% block section %}
    <div class="container rounded bg-white mt-1">
        <div class="row">
            <h4 class="mb-0 mt-1 border-bottom">
                <i class="fa-solid fa-book-bookmark"></i>
                博客
            </h4>
        </div>
        <div class="row py-2">
            <!-- 循环 -->
            {% for i in wenzhang %}
            <div class=" col-md-3 col-6 mt-1">
                <div class="info p-left border shadow-sm bg-body-tertiary rounded">
                    <a href="/articles/l={{ i.id }}&p=1">
                    <h5 class=" text-dark">{{ i.name }}</h5>
                    <p class="text-dark text-truncate-3h">{{ i.intro }}</p>
                    <div class="text-dark">
                        <i class="fa-solid fa-book-open"></i> {{ i.num }}
                        <i class="fa-solid fa-fire"></i> {{ i.hot }}
                    </div>
                    </a>
                </div>
            </div>
            {% endfor %}
            <!-- 结束循环 -->
        </div>
    </div>
    <div class="container rounded bg-white mt-1">
        <div class="row">
            <h4 class="mb-0 mt-1 border-bottom">
               <i class="fa-solid fa-screwdriver-wrench"></i>
                工具
            </h4>
        </div>
        <div class="row py-2">
            <!-- 循环 -->
             {% for i in gongju %}
            <div class=" col-md-3 col-6 mt-1">
                <div class="info p-left border shadow-sm bg-body-tertiary rounded">
                    <a href="/tools/l={{ i.id }}">
                    <h5 class="text-dark">{{ i.name }}</h5>
                    <p class="text-dark text-truncate-3h">{{ i.intro }}</p>
                    <div class="text-dark">
                        <i class="fa-solid fa-ticket"></i> {{ i.num }}
                        <i class="fa-solid fa-fire"></i> {{ i.hot }}
                    </div>
                    </a>
                </div>
            </div>
            {% endfor %}
            <!-- 结束循环 -->
        </div>
    </div>
{% endblock %}